<!-- 店长 – 我的 – 所在团队 – 1			team -->
<template>
	<view class="warps">
		<u-dropdown>
			<u-dropdown-item v-model="value1" title="XXXX团" :options="options1">
				<view class="bgf width750  " style="height: 300rpx;">
					<view class="mlr30">
						<view class="">XXXX团队</view>
						<view class="mt20">团队名称团队名称</view>
						<view class="mt20">团队名称团队名称团队名称</view>
						<view class="kong mt20"></view>
						<view class="flexR mt20 aic" @click="ac">
							<image class="san" src="../../../static/img/128.png" ></image>
							<view class="flexauto ml10" style="color: #1F73F2;">创建/加入新团队</view>
							<image class="san" src="../../../static/img/028.png"></image>
						</view>
					</view>
				</view>
			</u-dropdown-item>
			<u-dropdown-item v-model="value1" title="创建/加入新团队"  @change="change" border-bottom="" >
			<view class="bgf width750  " style="">
				<view class="mlr30">
					<view class="flexR  aic" @click="ac">
						<image class="san" src="../../../static/img/128.png" ></image>
						<view class="flexauto ml10" style="color: #1F73F2;">创建/加入新团队</view>
						<image class="san" src="../../../static/img/028.png"></image>
					</view>
				</view>
			</view>
			</u-dropdown-item>
		</u-dropdown>
		<view class="team-top">
			<view class="w90" @click="_ao()">
				<view class="f b">
					<view class="vw35 f b">
						<view>
							<image style="width: 88rpx;height: 88rpx;" src="../../../static/img/116.png" mode=""></image>
						</view>
						<view class="">
							<view>
								<view>
									<text>XXXX团队</text>
								</view>
							</view>
							<view class="team-lan m_t_20">
								<text class="blue fs16">已认证</text>
							</view>
						</view>
					</view>
					<view>
						<text>共12人</text>
					</view>
				</view>
				<view class="vw65 f b c m_l_150 p_t_31">
					<view class="vw40 f b">
						<view>
							<text class="fs16">姓名</text>
						</view>
						<view>
							<text class="fs16">电话电话电话电话</text>
						</view>
					</view>
					<view>
						<image style="width: 24rpx;height: 24rpx;" src="../../../static/img/069.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view>
			<view class="w90 p_t_15" @click="a3">
				<view class="f b c">
					<view class="f b c" style="width:25vw;">
						<view>
							<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
								src="../../../static/img/120.png" mode=""></image>
						</view>
						<view>
							<text>添加成员</text>
						</view>
					</view>
					<view>
						<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="w90 p_t_15" @click="a2">
				<view class="f b c">
					<view class="vw25 f b c">
						<view>
							<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
								src="../../../static/img/121.png" mode=""></image>
						</view>
						<view>
							<text>部门设置</text>
						</view>
					</view>
					<view>
						<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="w90 p_t_15" @click="a1">
				<view class="f b c">
					<view class="f b c" style="width:29vw;">
						<view>
							<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
								src="../../../static/img/122.png" mode=""></image>
						</view>
						<view>
							<text>管理员设置</text>
						</view>
					</view>
					<view>
						<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="w90 p_t_15" @click="a">
				<view class="f b c">
					<view class=" f b c" style="width:32vw;">
						<view>
							<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
								src="../../../static/img/123.png" mode=""></image>
						</view>
						<view>
							<text>考勤打卡设置</text>
						</view>
					</view>
					<view>
						<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode=""></image>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				value1: 1,
				value2: 2,
				options1: [{
						label: '默认排序',
						value: 1,
					},
					{
						label: '距离优先',
						value: 2,
					},
					{
						label: '价格优先',
						value: 3,
					}
				]
			}
		},
		methods: {
			_ao(){
				uni.navigateTo({
					url:'../Details/Details'
				})
			},
			a(){
				uni.navigateTo({
					url:'../Settings/Attendance/Attendance'
				})
			},
			a1(){
				uni.navigateTo({
					url:'../Settings/Settings'
				})
			},
			a2(){
				uni.navigateTo({
					url:'../members/sector/sector'
				})
			},
			a3(){
				uni.navigateTo({
					url:'../members/members'
				})
			},
			ac(){
				uni.navigateTo({
					url:'../chuangjiaru/chuangjianjiaru'
				})
			}
		}
	}
</script>

<style scoped>
	.san{
		width: 24rpx;
		height: 24rpx;
	}
	.kong{
		height: 20rpx;
		background: #f5f5f5;
	}
	.team-top{
		width: 686rpx;
		height: 202rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16); 
		margin:0 auto;
		margin-top:32rpx;
		overflow:hidden;
	}
	.team-xiala{
		width:240rpx;
	}
	.team-lan{
		width:96rpx;
		height:38rpx;
		line-height:38rpx;
		opacity: 1;
		background: #f1f6ff;
		border-radius: 4rpx;
		text-align:center;
	}
</style>
